<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Footer</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
</head>
<body>
<div class="footer">
    <div>
        <p>电影院购票系统</p>
    </div>
</div>
<script src="../static/layui/layui.js"></script>
<script>
    //美女客服
    function footerBtn(){
        layui.use(['layer'], function(){
            var layer = layui.layer;
            layer.open({
                type: 1
                ,title: "美女客服" //不显示标题栏
                ,closeBtn: false
                ,area: '400px;'
                ,shade: 0.8
                ,offset: '50%' // 修改为百分比，确保居中显示
                ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                ,btn: ['确认', '取消']
                ,yes: function(){
                    layer.close(layer.index);
                }
                ,btnAlign: 'c'
                ,moveType: 0 //拖拽模式，0或者1
                ,content:
                    "<div style=\"text-align: center; margin: 20px 0 10px 0;\">" +
                    "<img src=\"../static/images/美女客服.jpg\" style=\"width:320px;\">" +
                    "</div>"
            });
        });
    }
    // 调用footerBtn函数以显示美女客服弹窗
    footerBtn();
</script>
</body>
</html>